<template>
	<xl-status-bar height="400rpx" background="/static/imgs/bg/index.png" zIndex="-1">
		<image class="logo" src="/static/imgs/logo.png"></image>
		<view class="title">XingLuo UI</view>
		<view class="sub-title">XingLuoUI 是一款轻量、全面的UniApp框架工具。</view>
		<image class="com" src="/static/imgs/bg/comp.png"></image>
	</xl-status-bar>
	<xl-list-item title="分类页面模板" url="category" iconFamily="xl-uni" icon="xl-uni-img" arrow></xl-list-item>
	<xl-list-item title="分类产品模板" url="categoryProduct" iconFamily="xl-uni" icon="xl-uni-img" arrow></xl-list-item>
	<xl-list-item title="商品规格模板" url="specPopup" iconFamily="xl-uni" icon="xl-uni-img" arrow></xl-list-item>
	<xl-list-item title="地址模板" url="address" iconFamily="xl-uni" icon="xl-uni-img" arrow></xl-list-item>
	<xl-list-item title="地址编辑模板" url="addressEdit" iconFamily="xl-uni" icon="xl-uni-img" arrow></xl-list-item>
	<xl-list-item title="测试页面" url="test" iconFamily="xl-uni" icon="xl-uni-img" arrow></xl-list-item>
	<xl-list-item title="权限判断页面" url="permission" iconFamily="xl-uni" icon="xl-uni-img" arrow></xl-list-item>
	<xl-list-item title="分享页面" url="share" iconFamily="xl-uni" icon="xl-uni-img" arrow></xl-list-item>
	<xl-tabbar></xl-tabbar>
</template>

<script>
</script>

<style lang="scss" scoped>
	.logo{
		margin: 80upx 0 0 50upx;
		width: 100upx;
		height: 100upx;
		border-radius: 50%;
	}
	.title{
		margin: 10upx 0 0 50upx;
		color: #2fb2f7;
		font-size: 38upx;
		font-weight: bold;
		font-style: italic;
		text-shadow: 2px 2px 2px #a3daf7;
	}
	.sub-title{
		margin: 20upx 0 0 50upx;
		font-size: 24upx;
		font-weight: bold;
		width: 400upx;
		color: #3dc4fd;
	}
	.com{
		position: absolute;
		bottom: 35upx;
		right: 0upx;
		width: 420upx;
		height: 320upx;
	}
	.tabs{
		margin-top: -8px;
	}
</style>